.body1{
    min-height: 400px;
}
.body1 dt{
    height: 50px;
    line-height: 50px;
    font-size: 33px;
}
.body1 dt>span{
    margin-left: 1000px;
}
.body1 dd{
    height: 600px;
}
.body1 dd>.queer{
    height: 600px;
    width: 350px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body1 dd>.queer1{
    background-image: url("../img/1598877078593.jpg");
}
.body1 dd>.queer2{
    background-image: url("../img/1607933113521.jpg");
}
.body1 dd>.queer3{
    background-image: url("../img/1610439285104.png");
}
.body1 dd>.queer4{
    background-image: url("../img/1614836300098.png");
}
.body1 dd>.queer5{
    background-image: url("../img/1614836416264.png");
}
.body1 dd>.queer6{
    background-image: url("../img/1614836680703.png");
}
.body1 dd>.queer7{
    background-image: url("../img/1590315328323.jpg");
}
.body1 dd>.queer8{
    background-image: url("../img/1602491386244.jpg");
}
.body1 dd>.queer9{
    background-image: url("../img/1602491516729.jpg");
}
.body1 dd>.queer10{
    background-image: url("../img/1607657245398.jpg");
}
.body1 dd>.riGht{
    height: 600px;
    width: 850px;
    float: left;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.body1 dd>.riGht1{
    background-image: url("../img/1598877078593.jpg");
}
.body1 dd>.riGht2{
    background-image: url("../img/1607933113521.jpg");
}
.body1 dd>.riGht3{
    background-image: url("../img/1610439285104.png");
}
.body1 dd>.riGht4{
    background-image: url("../img/1614836300098.png");
}
.body1 dd>.riGht5{
    background-image: url("../img/1614836416264.png");
}
.body1 dd>.riGht6{
    background-image: url("../img/1614836680703.png");
}
.body1 dd>.riGht7{
    background-image: url("../img/1590315328323.jpg");
}
.body1 dd>.riGht8{
    background-image: url("../img/1602491386244.jpg");
}
.body1 dd>.riGht9{
    background-image: url("../img/1602491516729.jpg");
}
.body1 dd>.riGht10{
    background-image: url("../img/1607657245398.jpg");
}






/*代码主体*/
.small_box{
    width: 400px;
    height: 600px;
    float: left;
    cursor: move;
    margin-left:100px;
    margin-top:100px;
    position: relative;
}
.small_box img{
    position: relative;
    top: -81px;
    left: -57px;
    width: 350px;
    height: 562px;
}
.fdj{
    width: 50%;
    height: 50%;
    background-color:rgba(200,200,1,0.6);
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}
.big_box{
    width:300px;
    height:550px;
    border:1px solid black;
    overflow:hidden;
    box-sizing: border-box;
    float:left;
    margin-top: -680px;
    margin-left:500px;
    position:relative;
    display:none;
}
.big_box img{
    position: absolute;
    width: 200%;
    height: 200%;
}
.small_box .active,.active{
    display: block;
}


body{
    position: relative;
}
footer{
    position: fixed;
    top: 100px;
    width: 90px;
    text-align: right;
    font-weight: bold;
    height: 66px;
    background: red;
    line-height: 30px;
}
footer a{
    color: black;
}